@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  background-color: var(--nextui-background);
}
.markdown a {
  @apply text-blue-500 underline hover:text-blue-600;
}
.markdown h1 {
  @apply mb-4 text-3xl font-bold;
}
.markdown h2 {
  @apply mb-4 text-2xl font-bold;
}
.markdown h3 {
  @apply mb-4 text-xl font-bold;
}
.markdown ul {
  @apply list-inside list-disc;
}
.markdown ol {
  @apply list-inside list-decimal;
}
.markdown ol,
.markdown ul {
  @apply my-4 space-y-1 pl-4;
}
.markdown p {
  @apply my-2 leading-relaxed;
}

.markdown li > p {
  @apply inline;
}
